$(function () { 
  xyh()
  function xyh() { 
     const xyh = [
  {phone:132546789,gender:`女`},
  {phone:154234789,gender:`男`},
  {phone:16234236789,gender:`男`},
  {phone:172546789,gender:`女`},
  {phone:182546789,gender:`男`},
  {phone:192546789,gender:`男`},
]
let zcxyh=xyh.map(item=>{ 
    return `
            <div class="xyh-row ">
            <div class="hm">&nbsp;&nbsp;${item.phone}</div>
            <div class="xb">${item.gender}</div>
             <div class="nums"></div>
            </div>
    
    `
  }).join(``)
  // console.log(zcxyh);
  $(`.zc`).append(zcxyh)
  }

  wzph()
  function wzph() {
    // 点赞文章排行
  const dz = [
    {title:`李连杰回忆濒临死亡经历：大小便失禁，愿花100万买氧气包`},
    {title:` 福特全新SUV正式发布，命名“领界”，外形精致，内饰很有档次感！ `},
    {title:` 俄罗斯大学校花，凭借一双长腿，一夜之间爆红网络 `},
    {title:` 菊花什么时候开 `},
    {title:` 美元“噩梦”来了？未来或暴跌41%，外汇专家：1欧元可兑2美元！ `},
    {title:`李 奇瑞瑞虎5x新车型官图发布 10月底上市 `},
    {title:` 现在我必须得努力挣钱 `}
  ]
  // 文章排行
  let wzph = dz.map(item => { 
    return `
     <div class="xyh-row">
        <div class="hm"> ${item.title} </div>
         </div>  
    `
  }).join(``)
 $(`.wz `).append(wzph)
  }


  // 用户性别

  // 基于准备好的dom，初始化echarts实例
  let myChart = echarts.init(document.getElementById('eacharts'));
  
   // 指定图表的配置项和数据
      option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
      name: '用户来源',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
      
        { value: 86, name: '女性' },
          { value: 71, name: '男性' },
      
      ]
    }
  ]
};
  
   // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  
// 各文章分类
let myChart2 = echarts.init(document.getElementById('down-main'));

option = {
  title:{
    text:`各分类文章发布数量`,
    left: `30%`,
    top: `3%`,
    textStyle: {
      color: 'rgba(47, 127, 239, 1)'
    }
  },
  xAxis: {
    type: 'category',
    data: ['时政', '图片', '娱乐', '汽车', '段子', '科技', '时尚',`123`,`牛战士`,`112`,`测试二`]
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [30, 38, 43, 42, 41, 40, 23,3,2,0,0,],
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
  };
  
 myChart2.setOption(option);
})